body {
	margin: 0px;
}

div#interface {
	position: absolute;
	width: 100%;
}

div#viz-wrapper {
	position: absolute;
	visibility: hidden;
	margin-left: 0px;
	margin-top: 0px;
	width: 700px;
	height: 700px;
	padding: 10px;
}



svg text
{
    font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
    font-size: 12px;
    fill: grey;
}

.axis path,
.axis line 
{
    fill: none;
    stroke: white;
    shape-rendering: crispEdges;
}

.axis text 
{
    font-size: 10px;
    fill: white;
}

/* labels */
#moons
{
  position:relative;
left:25px;
top:-35px;
    font-family: Arial, "Century Gothic", AppleGothic, sans-serif;
    font-size: 10px;
    color: white;
}

#dist
{
  position:relative;
left:25px;
top:-35px;
    font-family: Arial, "Century Gothic", AppleGothic, sans-serif;
    font-size: 10px;
    color: white;
}

#equator
{
  position:relative;
left:85px;
top:-100px;
    font-family: Arial, "Century Gothic", AppleGothic, sans-serif;
    font-size: 10px;
    color:white;
}

#orbit
{
  position:relative;
left:25px;
top:-35px;
    font-family: Arial, "Century Gothic", AppleGothic, sans-serif;
    font-size: 10px;
    color: white;
}

#rev
{
  position:relative;
left:25px;
top:-35px;
    font-family: Arial, "Century Gothic", AppleGothic, sans-serif;
    font-size: 10px;
    color: white;
}
